<html>
<head>
    <title><g:layoutTitle default="Grails"/></title>
    <link rel="stylesheet" href="${resource(dir: 'css', file: 'main.css')}"/>

    <link rel="stylesheet" href="${resource(dir: 'css/blueprint', file: 'screen.css')}"/>
    <link rel="stylesheet" href="${resource(dir: 'css/blueprint', file: 'screen.css')}" media="screen, projection"/>
    <link rel="stylesheet" href="${resource(dir: 'css/blueprint', file: 'print.css')}" media="print"/>
    <!--[if lt IE 8]><link rel="stylesheet" href="${resource(dir: 'css/blueprint', file: 'screen.css')}" media="screen, projection"/><![endif]-->


    <link rel="shortcut icon" href="${resource(dir: 'images', file: 'favicon.ico')}" type="image/x-icon"/>

    <g:layoutHead/>
    <g:javascript library="application"/>
</head>
<body>
<div id="spinner" class="spinner" style="display:none;">
    <img src="${resource(dir: 'images', file: 'spinner.gif')}" alt="Spinner"/>
</div>



<div class='container'>
  <div class='column span-19'>
    <div class="logo"><img src="${resource(dir: 'images', file: 'grails_logo.jpg')}" alt="Grails"/></div>
  </div>
  <div class='column last span-5'>
  </div>
</div>
<div class='container'>
  <div class='column span-6'>
      <p>Lorem Ipsum...</p>
  </div>
  <div class='column span-18 last' id="mainbody">

      <g:layoutBody/>
  </div>
</div>
<div class='container'>
  <div class='column last span-24'>
  </div>
</div>



</body>
</html>